<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../js/base.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <script src="../js/rem.js"></script>
    <script src="../js/angular.js"></script>
    <script src="../js/angular-ui-router.js"></script>
    <script src="../js/zepto.min.js"></script>
</head>
<body ng-controller="mys">
<header>
    <div><a href="javascript:history.go(-1)" class="icon iconfont icon-jiantou"></a></div>
         <div>收藏品详情</div>
    <div><img src="../img/fenxiang-1.png" alt=""></div>
</header>
<!--内容-->
<div class="minute-box">
 <div class="img-box"><img src="../img/zishahu.png" alt=""></div>
    <!--介绍-->
    <div class="referral-box">
        <p><b>中国工艺美术师崔健正品紫砂壶</b></p>
        <p>￥5999.00</p>
        <p>周末下午，约与三两年好友，泡上一壶清茶，惬意享受整个下午，愿把精致美器，
            献给最懂得生活的人!</p>
         <ul class="grade-box">
             <li>材质：<span><img src="../img/五星.png" alt=""></span></li>
             <li>工艺：<span><img src="../img/五星.png" alt=""></span></li>
             <li>性价比：<span><img src="../img/五星.png" alt=""></span></li>
         </ul>
    </div>
    <div style="background:#eeeeee;height:1.7rem;"></div>
    <div class="bottom-nav clearfix">
        <a ui-sref="referral"><b>图文介绍</b></a>
        <a  ui-sref="review" class="bootm-atv"><b>评论(1)</b></a>
    </div>
    <ul class="Message-box">
      <ui-view></ui-view>
    </ul>
</div>
<div class="bottom-btn">
    <div><a>喜欢</a></div>
    <div><a>去购买</a></div>
</div>
<script>
    var app=angular.module("app",["ui.router"]);
         app.controller("mys",function ($scope) {

         })
         app.config(function ($stateProvider, $urlRouterProvider) {
             $stateProvider
                     .state("review",{
                 templateUrl:"review.html"
             })
                 .state("referral",{
                     templateUrl:"referral.html"
                 })
         });
    $(".bottom-nav a").click(function (){
        var i=$(this).index();
        $(".bottom-nav a:eq("+i+")").addClass("bootm-atv").siblings().removeClass("bootm-atv");
    });
</script>
</body>
</html>